<template>
    <div class="box">
        <!-- <h3>我是子组件</h3>
        <h3>插入一个插槽</h3>
        <span>
            <h3>1.普通插槽</h3>
            <slot></slot>
            <h3>2.具名插槽</h3>
            <slot name="box1"></slot>
            <slot name="box2"></slot>
        </span>
        <h3>3.插槽练习</h3> -->
        <div div class="img">
             <span>
            <slot name="img"></slot>
            </span>
            <span>
                <slot name="btn"></slot>
            </span>
            
        </div>
       
    </div>

</template>
<script setup>

    
</script>

<style>
    .box{
        background-color: darkkhaki;
    }

    .img{
        width: 220px;
        height: 350px;
        background-color: brown;
        text-align: center;
    }


</style>